<template>
  <div class="BOX">
    <div class="box">
      <el-dialog title="领取记录已预付超过预计天数" :visible.sync="delyVis" width="650px">
            <!-- <span>领取记录已预付超过预计天数</span> -->
            <el-table :data="tableData" border>
              <el-table-column prop="receiveOrderSn" align="center" label="订单号" width="450px"></el-table-column>
              <el-table-column prop="expireDate" align="center" label="到期日期" ></el-table-column>
            </el-table>
            <div slot="footer" class="dialog-footer">
                <el-button  size="mini" @click="delyVis = false">关 闭</el-button>
                <!-- <el-button type="primary" size="mini" @click="submitForm1">确 定</el-button> -->
            </div>
        </el-dialog>
    </div>
  </div>
</template>

<script>
import {reminder} from "@/api/systemSettings/receive.js";
export default {
  name: "index",
  data() {
    return {
      delyVis:false,
      tableData:[],
      delyForm:{},
    };
  },
  components: {},
  computed: {

  },
  watch: {

  },
  created() {
    this.getReminder()
  },
  mounted() {
  },
  methods: {
    // 超时
    getReminder(){
            // console.log(this.orderForm);
            reminder().then(res => {
                if(res.code == 200){
                  if( res.total == 0){
                    return
                  }else {
                    this.tableData = res.rows
                    this.delyVis = true
                  }
                }
            })
        },
  }
};
</script>

<style lang="scss" scoped>
.BOX{
  width: 100%;
  height: 91vh;
  background-image: url('../assets/image/back1.jpg');
  background-size: cover;
}
</style>
